<template>
  <div id="app">
    <router-view></router-view> 
    <TabBar v-if="route.meta.isShow"/>
  </div>
  
</template>

<script setup>
    import TabBar from './components/TabBar.vue';
    import {ref,watch} from 'vue'
    import {useRoute} from 'vue-router'
    let route =useRoute()
</script>

<style scoped>
   .van-address-list {
    height: 90px;
    padding: 10px 0;
}

:deep() .van-nav-bar .van-icon {
    color: #0c9595;
    font-weight: bolder;
}

:deep() .van-nav-bar .van-nav-bar__text {
    color: #1BAEAE;
    font-weight: bolder;
}
:deep() .van-radio__icon--checked .van-icon {
    color: var(--van-white);
    background-color: #1baeae;
    border-color: #1baeae;
}
  

:deep() .van-button--danger {
    color: var(--van-button-primary-color);
    background: linear-gradient(90deg,#8beded,#159f9f);
   
}
:deep() .van-submit-bar__price {
    color: #1BAEAE;
}
:deep() .van-tabs__line{
  background-color: #1BAEAE;
}
:deep() .van-button--primary {
    color: var(--van-button-primary-color);
    background: #1baeae;
    border: var(--van-button-border-width) solid #1baeae;
}
:deep() .van-switch--on {
    background: #1baeae;
}
 :deep() .van-radio__icon--checked .van-icon {
    color: var(--van-white);
    background-color: #1baeae;
    border-color: #1baeae;
}
</style>